@import '../../../../css/colorVar.less';
@labelWidth:((12/24)/24)*10*100%;
@spanWidth:((12/24)/24)*100%;
@labelWidth1:((12/24)/24)*8*100%;
.addFinaFlocking{
    overflow: hidden;
    height: unset!important;
    >div:last-child{
        display: flex;
        >div{
            width: 50%;
        }
        >div:first-child{
            padding-right: 10px;
        }
        >div:last-child{
            padding-left: 10px;
        }
    }
    
    :global{
        .backBg{
            background: @section_bg;
            padding: 10px 0;
        }
       
    }
}
.tradeAdd{
    :global{
        .backBg{
            background: @section_bg;
            padding: 10px 0;
        }
       
    }
}
.btnOperate{
    width: 100%;
    text-align: right;
    padding-bottom: 20px;
    >div:first-child{
        margin-right: 10px;
    }
}
.jiaoshou{
    padding-right: 2%;
}
.info{
    :global{
       .extraBtn,.SPPI_result{
           >.ant-row {
               z-index: 2;
           }
           :global{
              .ant-form-item-control-wrapper{
                padding-right: 30px;
              }
              .ant-select-selection{
                  border-radius: 2px 0 0 2px!important;
                  border-top-width: 1px;
              }
              .btnPlus{
                position: absolute;
                right: 0;
                top: 0px;
                width: 30px;
                height: 30px;
                line-height: 30px;
                box-sizing: border-box;
                border: 1px solid @number_border;
                border-left: 0;
                border-radius: 0 2px 2px 0;
                display: flex;
                align-items: center;
                justify-content: space-evenly;
                user-select: none;
                z-index: 10;
                img{
                   height: 14px;
                   width: 14px;
                }
              }
          }
       }
    
    }
  }
  @media  (min-width: 1201px)  and (max-width: 1600px) { //1200<x<1600
    .info{
       :global{
           .extraBtn{
               .flotRight{
                    position: absolute;
                    left: 0;
                    right: 0;
                    top: 4px;
                    >div{
                        width: calc(100% -  @spanWidth);
                        height: 30px;
                        position: relative;
                    }
                }
             }
             .SPPI_result{
                .flotRight{
                    position: absolute;
                    left: 0;
                    right: 0;
                    top: 4px;
                    >div{
                        width: calc( @spanWidth*23*2);//占比一半 所以乘2
                        height: 30px;
                        position: relative;
                    }
                }
            }
           .describe_fina{
               margin-top: 5px;
               :global{
                   .ant-form-item-label{
                   width: @labelWidth; 
                   }
                   .ant-form-item-control-wrapper{
                   width: calc(100% - @labelWidth - @spanWidth);
                   }
               }
           
               }
        }
    }
}
@media (min-width: 1600px) {//>1600
    .info{
        :global{
            .extraBtn{
                .flotRight{
                    position: absolute;
                    left: 0;
                    right: 0;
                    top: 4px;
                    >div{
                        width: calc(100% -  @spanWidth);
                        height: 30px;
                        position: relative;
                    }
                }
              }
            .SPPI_result{
                .flotRight{
                    position: absolute;
                    left: 0;
                    right: 0;
                    top: 4px;
                    >div{
                        width: calc( @spanWidth*23*2);
                        height: 30px;
                        position: relative;
                    }
                }
            }
           .describe_fina{
            margin-top: 5px;
               :global{
                   .ant-form-item-label{
                   width: @labelWidth1; 
                   }
                   .ant-form-item-control-wrapper{
                   width: calc(100% - @labelWidth1 - @spanWidth);
                   }
               }
           
               }
        }
    }
}


:global{
    .confirmOrder{
        :global{
            .ant-modal-body{
                max-height: max-content!important;
                height: auto!important;
            }
        }
    }
}

